<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <script>
        // 同步
        const imgNode = document.createElement("img")
        //异步过程开始 只有这个过程是异步的 下面这行没有也没关系的 哪行没有也没关系 没报错啊 空标签照样可以
        // 那为什么图片加载要异步呢  看场景 多图片异步？ 图片加载的过程本来就是异步的 我想个例子
        imgNode.src ="http://my.lingnan.edu.cn/image/layout_set_logo?img_id=70344&t=1627971484670"
        // 异步过程结束
        document.body.append(imgNode)
        

        const pNode = document.createElement("p")
        pNode.innerText = "DocumentDocumentDocument"
        document.body.append(pNode)
        //这样写会有问题嘛 可能会报错 如果url错误的话 ImgNode不是没有吗
        // 胡说八道 哪里会报错了 好吧 那为啥呢
// 先看你的例子 这个例子不好，说明不了问题。都是异步操作 。没影响，如果你要对图片做点操作 用下面的。不做操作直接上面的
        // new Promise((abc)=>{
        //     imgNode.onload = ()=>{
        //         abc()
        //      }
        //     imgNode.src ="http://my.lingnan.edu.cn/image/layout_set_logo?img_id=70344&t=1627971484670"
        // }).then(res=>{
        //     document.body.append(imgNode)
            
        // })
        // const pNode = document.createElement("p")
        // p.innerText = "DocumentDocumentDocument"

   </script>
</body>
</html>